<include file="public@head"/>
<title>绑定账号</title>
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
<link type="text/css" rel="stylesheet" href="__STATIC__/user_center/css/basic.css" />
<!--加载样式-->
<script>
$(window).load(function() {
	$("#status").fadeOut();
	$("#preloader").delay(350).fadeOut("slow");
});
</script>
</head>

<body>
<div class="w">
	<!--页面加载 开始-->
	<div id="preloader">
		<div id="status">
			<p class="center-text">加载中…<em>网速有点不给力哦!</em> </p>
		</div>
	</div>
  <!--页面加载 结束--> 
  <!--header 开始-->
  <header>
    <div class="header"> 
		<!-- <a class="new-a-back" href="javascript:history.back();"> <span>返回</span> </a> -->
		<h2>绑定账号</h2>
		<!-- <a class="new-a-jd" id="trigger-overlay" href="javascript:void(0)"> <span>导航菜单</span> </a> -->
    </div>
  </header>
  <!--header 结束-->
	<div class="page">
		<div class="main">
			<form id="frm_login" method="post" action="{:url('portal/wxview/mobile_bind_wx_do')}" class="">
				<div align="center">
					<img src="__STATIC__/images/favicon.png" style="width:200px;height:200px;margin:20px;"/>
				</div>
				<div class="item item-username">
					<input id="username" class="txt-input txt-username" type="text" placeholder="请输入用户名/邮箱/手机号" value="" name="username" />
					<b class="input-close" style="display: none;"></b>
				</div>
				<div class="item item-password">
					<input id="password" class="txt-input txt-password ciphertext" type="password" placeholder="请输入密码" name="password" style="display: inline;"/>
					<input id="ptext" class="txt-input txt-password plaintext" type="text" placeholder="请输入密码" style="display: none;" name="ptext"/>
					<b class="tp-btn btn-off"></b>
				</div>
				<div class="item item-username" align="right">
					<input id="captcha" class="txt-input txt-username" type="text" placeholder="请输入验证码" name="captcha"></input>
					<captcha height="40" width="150" font-size="18" style="cursor:pointer;" style="margin-top:-42px;margin-right:2px;"/>
				</div>
				<!-- <div class="item item-login-option"> <span class="retrieve-password"> <a class="" href="#"> 找回密码</a> </span> -->
				<!-- <div class="clr"></div> -->
				<!-- </div> -->
				<div class="ui-btn-wrap"> 
					<button class="ui-btn-lg ui-btn-primary js-ajax-submit">绑定</button>
				</div>
				<!-- <div class="ui-btn-wrap"> <a class="ui-btn-lg ui-btn-danger" href="reg.html">没有账号？立即注册</a> </div> -->
				<!-- <div class="item item-login-other"> -->
				<!-- <dl> -->
				<!-- <dt>其它登录方式</dt> -->
				<!-- <dd> <a class="qq" href="#"> <span><img alt="" src="skin/images/login_qq.png" width="40" height="40"></span> </a> <a class="weibo" href="#"> <span><img alt="" src="skin/images/login_wb.png" width="40" height="40"></span> </a> </dd> -->
				<!-- </dl> -->
				<!-- </div> -->
			</form>
		</div>
		<script type="text/javascript" >
			$(function(){
				$(".input-close").hide();
				displayPwd();
				<!-- remember(); -->
				<!-- showActionError(); -->
				<!-- autoHeight_login(); -->
				<!-- dispValidateCode(); -->
				displayClearBtn();
				setTimeout(displayClearBtn, 200 ); //延迟显示,应对浏览器记住密码
			});	

			//是否显示清除按钮
			function displayClearBtn(){
				if(document.getElementById("username").value != ''){
					$("#username").siblings(".input-close").show();
				}
				if(document.getElementById("password").value != ''){
					$(".ciphertext").siblings(".input-close").show();
				}
				if($("#codeLevel").val()!="" && $("#codeLevel").val()!='0'){
					if($("#validateCode").val()!=""){
						$("#validateCode").siblings(".input-close").show();
					}
				}
			}

			//清除input内容
			$('.input-close').click(function(e){
				$(e.target).parent().find(":input").val("");
				$(e.target).hide();
				$($(e.target).parent().find(":input")).each(function(i){
					if(this.id=="ptext" || this.id=="password"){
						$("#password").val('');
						$("#ptext").val('');
					}
				});
			});  

			//设置password字段的值	
			$('.txt-password').bind('input',function(){
				$('#password').val($(this).val());
			});

			//显隐密码切换
			function displayPwd(){
				$(".tp-btn").toggle(
					function(){
						$(this).addClass("btn-on");
						var textInput = $(this).siblings(".plaintext");
						var pwdInput = $(this).siblings(".ciphertext");
						pwdInput.hide();
						textInput.val(pwdInput.val()).show();
					},
					function(){
						$(this).removeClass("btn-on");
						var textInput = $(this).siblings(".plaintext ");
						var pwdInput = $(this).siblings(".ciphertext");
						textInput.hide();
						pwdInput.val(textInput.val()).show();
					}
				);
			}

			//一个月免登陆切换
			<!-- function remember(){ -->
			<!-- $("#rememberMe").toggle( -->
			<!-- function(){ -->
			<!-- $(this).removeClass("login-free-selected"); -->
			<!-- $('#remember').val("false"); -->
			<!-- }, -->
			<!-- function(){ -->
			<!-- $(this).addClass("login-free-selected"); -->
			<!-- $('#remember').val("true"); -->
			<!-- } -->
			<!-- ); -->
			<!-- } -->

			//监控用户输入
			$(":input").bind('input propertychange', function(){
				if($(this).val()!=""){
					$(this).siblings(".input-close").show();
				}else{
					$(this).siblings(".input-close").hide();
				}
			});
		</script>
	</div>
  <!--footer 开始-->
  <!-- <div class="footer"> -->
    <!-- <nav> -->
      <!-- <ul class="footer_menu"> -->
        <!-- <li><a href="tel:13888888888"><img src="skin/images/plugmenu1.png"> -->
          <!-- <label>联系我们</label> -->
          <!-- </a></li> -->
        <!-- <li><a href="#"><img src="skin/images/plugmenu4.png"> -->
          <!-- <label>服务中心</label> -->
          <!-- </a></li> -->
        <!-- <li class="home"><a href="#"></a></li> -->
        <!-- <li><a href="#"><img src="skin/images/plugmenu3.png"> -->
          <!-- <label>热门活动</label> -->
          <!-- </a></li> -->
        <!-- <li><a href="#"><img src="skin/images/plugmenu2.png"> -->
          <!-- <label>搜索车辆</label> -->
          <!-- </a></li> -->
      <!-- </ul> -->
    <!-- </nav> -->
  <!-- </div> -->
  <!--footer end-->
</div>
<script src="__STATIC__/js/admin.js"></script>
</body>
</html>
